import React from 'react';

import ForwordRef from './ForwordRef';
import Markdown from './Markdown';
import PagePlayer from './Player/PlayerPage';
import Player from './Player';
import PlayerTest from './PlayerTest';
import AmapPositionPick from './AmapPositionPick';
import DateRange from './DateRange';
import Chart from './Chart';
import CanvasImage from './CanvasImage';
// import FlashPlayer from './FlashPlayer';

// import AntelopeCloud from './AntelopeCloud'

const NormalTest: React.FC<any> = ({ match }) => {
  const {
    params: { name },
  } = match;

  return (
    <>
      {name === 'forwordref' ? <ForwordRef /> : null}
      {name === 'markdown' ? <Markdown /> : null}
      {name === 'pagePlayer' ? <PagePlayer /> : null}
      {name === 'player' ? <Player /> : null}
      {name === 'playerTest' ? <PlayerTest /> : null}
      {/* {name === 'antelopecloud' ? <AntelopeCloud /> : null} */}
      {name === 'aMap' ? <AmapPositionPick /> : null}
      {name === 'canvas' ? <CanvasImage /> : null}
      {name === 'dateRange' ? <DateRange /> : null}
      {name === 'chart' ? <Chart /> : null}
      {/* {name === 'flashPlayer' ? <FlashPlayer /> : null} */}
    </>
  );
};

export default NormalTest;
